<template>
		<view class="u-page">
			<u-list>
				<u-list-item
					v-for="(item, index) in indexList"
					:key="index"
					
				>
					<u-cell
						:title="item.activeName"
						@click="scrolltolower(item.id)"
					>
						<u-avatar
							slot="icon"
							shape="square"
							size="35"
							:src="URL + item.avatar"
							customStyle="margin: -3px 5px -3px 0"
						></u-avatar>
					</u-cell>
				</u-list-item>
			</u-list>
		</view>
</template>

<script>
	export default {
		data() {
			return {
					URL: this.$store.state.user.URL,
					indexList:[],
			};
		},
		created() {
			this.getlist()
		},
		methods:{
			async getlist(){
				const res = await uni.$http.get('/business/trial/list')
				this.indexList = res.data.rows
			},
			scrolltolower(id){
				uni.navigateTo({
					url: `/pages/myParticulars/submitsubmit/submitsubmit?id=${id}`,
				})
			}
		}
	}
</script>

<style lang="scss">
::v-deep .u-list-item {
	margin-right:  32rpx !important;
	margin-left:  32rpx !important;
	display: flex;
	padding: 24rpx;
	background-color: #f2fdff;
	margin-bottom: 16rpx;
	margin-top: 16rpx;
	box-shadow: 0px 0px 8rpx 0px rgba(22, 193, 219, 0.1);
}
::v-deep .u-line {
	border-bottom: none !important;
	}
</style>
